<template>
    <div class="waiterBill">
        <!-- 按钮开始 -->
        <el-button @click='showHandler' type="primary" size="small" plain>添加</el-button>
        <!-- 按钮结束 -->

        <!-- 表格开始 -->
        <el-table :data="waiterBill" border style="width:100%">
        <el-table-column prop="id" label="编号" align="center" ></el-table-column>
        <el-table-column
            prop="transferMoney"
            label="交易金额"
            align="center"
            >
        </el-table-column>
        <el-table-column
            prop="transferTime"
            label="交易时间"
            align="center"
            >
        </el-table-column>
        <el-table-column
            prop="type"
            label="交易类型"
            align="center"
            >
        </el-table-column>
        <el-table-column label="状态" align="center" prop="status">
            <el-row>
                <el-button prop="status"  type="success" size="mini">正常</el-button>
            </el-row>
        </el-table-column>

        <el-table-column
            prop="description"
            label="描述"
            align="center"
            >
        </el-table-column> 
        </el-table>
        <!-- 表格结束 -->

        <!-- 分页开始 -->
        <div style="float:right;">
        <el-pagination
        layout="prev, pager, next"
        :page-size="list.pageSize"
        :total="total"
        @current-change="changeHandler">
        </el-pagination>
        </div>
        <!-- 分页结束 -->
    </div>
</template>


<script>
import {get} from '../../utils/request'
 export default {
    methods: {  
      finAll(){
        get('/account/pageQueryEmployeeAccount',this.list).then((res)=>{
          console.log(res);
          if (res.status == 200) {
            this.waiterBill=res.data.list;
            this.total=res.data.total
          }else{
            this.$message({
              type:"error",
              message: res.message,
            })
          }
        })
      },

      //分页
      changeHandler(page){
        this.list.page=page;
        this.finAll()
      },

      
    },
    data() {
      return {
          transferTime:Date.now(),
        waiterBill: [],
        list:{
          page:1,
          pageSize:5
        },
        total:0,
      }
    },

    created(){
      this.finAll()
    }
  }
</script>
<script>
import {mapActions, mapState} from 'vuex'
export default {
  data(){
    return {
      list:{
          page:1,
          pageSize:10
        },
        dialogFormVisible:false,
        ruleForm:{},
        title:'添加栏目信息'
    }
  },
  computed:{
    ...mapState('waiterBill',['waiterBill']),
    ...mapState('waiterBill',['total']),
  },
  methods:{
    ...mapActions('waiterBill',['findAllwaiterBill','savewaiterBill','deletewaiterBill']),
    //分页
    changeHandler(page){
      this.list.page=page;
      this.findAllwaiterBill(this.list)
    },

    // //去添加栏目信息
    // showHandler(){
    //   this.dialogFormVisible=true
    // },

    //提交保存栏目信息
    // submitHandler(){
    //   this.saveCategory(this.ruleForm).then(res=>{
    //     // console.log(res,'/////////////////////////');
    //     if(res.status==200){
    //       this.dialogFormVisible=false
    //       this.findAllCategory(this.list)
    //       this.$message({
    //         type:'success',
    //         message:res.message
    //       })
    //     }else{
    //       this.$message({
    //         type:'error',
    //         message:res.message
    //       })
    //     }
    //   })
    // },

    //编辑修改栏目信息
    // editHandler(data){
    //   // console.log(data);
      
    //   //将当前行的内容，复制给ruleFrom
    //   this.ruleForm=data
    //   this.title='编辑栏目信息'
    //   //打开模态框
    //   this.dialogFormVisible=true
    // },

    //删除栏目信息
    // deleteHandler(id){
    //   let params={
    //     id
    //   }
      
    //   this.deleteCategory(params).then(res=>{
    //     if (res.status==200){
    //       this.findAllCategory(this.list)
    //       this.$message({
    //         type:'success',
    //         message:res.message
    //       })
    //     }else{
    //       this.$message({
    //         type:'error',
    //         message:res.message
    //       })
    //     }
    //   })
    // },

    //文件上传成功时
    // successHandler(file){
    //   // console.log(file);
    //   //文件上传成功，将拿到的图片地址，保存到我们栏目信息的对象中（ruleFrom）
    //   this.ruleForm.icon=file 
    // }
  },

  created(){
    this.findAllwaiterBill(this.list)
  }
}
</script>

